<script lang="ts" setup>
import { SearchIcon } from "tdesign-icons-vue-next"
import { useSearch } from "@/components/search/search"

const { data, moreOptions, placeholder, searchSubmit } = useSearch()


</script>

<template>
  <t-dropdown :options="moreOptions" :max-height="400">
    <t-input v-model="data" :placeholder="placeholder" >
      <template #suffixIcon>
        <search-icon class="icon" @click="searchSubmit()" />
      </template>
    </t-input>
  </t-dropdown>

</template>

<style lang="less" scoped>
.icon {
  cursor: pointer;
}
</style>
